<script setup lang="ts">
// 导入导航组件
import NavBar from "./nav-bar.vue";

</script>
<template>

  <div class="login-page">
    <!-- 导航组件 -->
    <nav-bar />
    <div class="main-content">
      <!-- 显示主内容 -->
      <router-view />
    </div>
  </div>
</template>

<style scoped lang="scss">
.login-page {
  position: relative;
  width: 100%;
  height: 100%;
  
  
  overflow: hidden;
  .nav-var {
    position: absolute;
    height: 62px;
    top: 0;
    left: 0;
    right: 0;
    background: url('@/assets/img/circle-bk.png');
  }
  .main-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 62px;
    bottom: 0;
  }
}
</style>